<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>{dede:global.cfg_webname/}</title>
<meta name="keywords" content="{dede:global.cfg_keywords/}">
<meta name="description" content="{dede:global.cfg_description/}">
<link href="{dede:global.cfg_templets_skin/}/images/layout.css" rel="stylesheet" type="text/css" />
<!--[if IE 6]> 
    <script src="{dede:global.cfg_templets_skin/}/images/DD_belatedPNG_0.0.8a-min.js" type="text/javascript"></script>
    <script type="text/javascript"> 
        DD_belatedPNG.fix('img,.nav,.inp_srh,.btn_srh,.level-top,.level-top1,.level-top2'); 
    </script> 
<![endif]-->
<script type=text/javascript><!--//--><![CDATA[//><!--
function menuFix() {
var sfEls = document.getElementById("menu").getElementsByTagName("li");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
sfEls[i].onMouseDown=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
sfEls[i].onMouseUp=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"), 
"");
}
}
}
window.onload=menuFix;
//--><!]]></script>


<!--Tabs js-->
<style type="text/css">

/* qqshop focus */
#focus {width:960px; height:347px; overflow:hidden; position:relative;}
#focus ul {height:347px; position:absolute; z-index:20;}
#focus ul li {float:left; width:960px; height:347px; overflow:hidden; position:relative; background:#000;}
#focus ul li div {position:absolute; overflow:hidden; z-index:21;}
#focus .btnBg {position:absolute; width:960px; height:20px;  left:0; bottom:0; _bottom:-1px; background:#000; z-index:22;}
#focus .btn {position:absolute; width:940px; height:10px;  padding:5px 10px;  right:0; bottom:0; _bottom:-1px;  text-align:right; z-index:23;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}
#focus .btn span.on {background:#fff;}
#focus .preNext {width:45px; height:100px; position:absolute; top:90px; background:url(../../skin/images/sprite.png) no-repeat 0 0; cursor:pointer; z-index:24;}
#focus .pre {left:0;}
#focus .next {right:0; background-position:right top;}
</style>
<script type="text/javascript" src="{dede:global.cfg_templets_skin/}/images/jquery.min2.js"></script>
<script type="text/javascript">
$(function() {
	var sWidth = $("#focus").width(); //获取焦点图的宽度（显示面积）
	var len = $("#focus ul li").length; //获取焦点图个数
	var index = 0;
	var picTimer;
	
	//以下代码添加数字按钮和按钮后的半透明条，还有上一页、下一页两个按钮
	var btn = "<div class='btnBg'></div><div class='btn'>";
	for(var i=0; i < len; i++) {
		btn += "<span></span>";
	}
	btn += "</div><div class='preNext pre'></div><div class='preNext next'></div>";
	$("#focus").append(btn);
	$("#focus .btnBg").css("opacity",0.5);

	//为小按钮添加鼠标滑入事件，以显示相应的内容
	$("#focus .btn span").css("opacity",0.4).mouseenter(function() {
		index = $("#focus .btn span").index(this);
		showPics(index);
	}).eq(0).trigger("mouseenter");

	//上一页、下一页按钮透明度处理
	$("#focus .preNext").css("opacity",0.2).hover(function() {
		$(this).stop(true,false).animate({"opacity":"0.5"},300);
	},function() {
		$(this).stop(true,false).animate({"opacity":"0.2"},300);
	});

	//上一页按钮
	$("#focus .pre").click(function() {
		index -= 1;
		if(index == -1) {index = len - 1;}
		showPics(index);
	});

	//下一页按钮
	$("#focus .next").click(function() {
		index += 1;
		if(index == len) {index = 0;}
		showPics(index);
	});

	//本例为左右滚动，即所有li元素都是在同一排向左浮动，所以这里需要计算出外围ul元素的宽度
	$("#focus ul").css("width",sWidth * (len));
	
	//鼠标滑上焦点图时停止自动播放，滑出时开始自动播放
	$("#focus").hover(function() {
		clearInterval(picTimer);
	},function() {
		picTimer = setInterval(function() {
			showPics(index);
			index++;
			if(index == len) {index = 0;}
		},5000); //此4000代表自动播放的间隔，单位：毫秒
	}).trigger("mouseleave");
	
	//显示图片函数，根据接收的index值显示相应的内容
	function showPics(index) { //普通切换
		var nowLeft = -index*sWidth; //根据index值计算ul元素的left值
		$("#focus ul").stop(true,false).animate({"left":nowLeft},300); //通过animate()调整ul元素滚动到计算出的position
		//$("#focus .btn span").removeClass("on").eq(index).addClass("on"); //为当前的按钮切换到选中的效果
		$("#focus .btn span").stop(true,false).animate({"opacity":"0.4"},300).eq(index).stop(true,false).animate({"opacity":"1"},300); //为当前的按钮切换到选中的效果
	}
});

</script>


<script type="text/JavaScript">
<!--
function MM_jumpMenu(targ,selObj,restore){ //v3.0
  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  if (restore) selObj.selectedIndex=0;
}
//-->
</script>

<link rel="stylesheet" type="text/css" href="{dede:global.cfg_templets_skin/}/images/css3.css" media="all" />
<script type="text/javascript" src="{dede:global.cfg_templets_skin/}/images/jss.js"></script>

<script src="{dede:global.cfg_templets_skin/}/images/common.js" type="text/javascript"></script>
</head>
<body>


<div id="containter">
{dede:include filename="head.htm"/}
<div id="banner">
<div id="focus">
		<ul>  
<li><a href="#" target="_blank"><img src="{dede:global.cfg_templets_skin/}/images/banner-1.jpg" width="960" height="347" /></a></li> 
    <li><a href="#" target="_blank"><img src="{dede:global.cfg_templets_skin/}/images/banner-2.jpg" width="960" height="347" /></a></li> 
<li><a href="#" target="_blank"><img src="{dede:global.cfg_templets_skin/}/images/banner-13313465792.jpg" width="960" height="347" /></a></li>      
<li><a href="#" target="_blank"><img src="{dede:global.cfg_templets_skin/}/images/banner-13191120405.jpg" width="960" height="347" /></a></li>      
<li><a href="#" target="_blank"><img src="{dede:global.cfg_templets_skin/}/images/-13191130884.jpg" width="960" height="347" /></a></li>     


		</ul>
	</div>
</div>
  <div id="content">
    <div class="main">
	<div class="main_con1">
	<h1><img src="{dede:global.cfg_templets_skin/}/images/main_con1_title.gif" width="170" height="23" />
	<div class="main_con1_more">
	  <a href="{dede:type typeid='1'}[field:typeurl/]{/dede:type}"><img src="{dede:global.cfg_templets_skin/}/images/more.gif" width="33" height="5" border="0" /></a>
	</div>
	</h1>
	<div class="main_con1_img">
	
  <a href="{dede:type typeid='1'}[field:typeurl/]{/dede:type}" style="z-index:99999999999999">
 

 <img src="{dede:global.cfg_templets_skin/}/images/abouti.jpg" width="179" height="134" border="0" /></a></div><div class="main_con1_text">        {dede:sql sql='Select content,substring(content,1,240) as content from zc_arctype where id=36'}
　　     [field:content/]
{/dede:sql}......              

			  
			  </div>
	  <div class="clearfloat"></div>
	</div>
	<div class="main_con2">
	<h1><img src="{dede:global.cfg_templets_skin/}/images/main_con2_title.gif" width="170" height="23" />
	<div class="main_con2_more">
	  <a href="{dede:type typeid='10'}[field:typeurl/]{/dede:type}"><img src="{dede:global.cfg_templets_skin/}/images/more.gif" width="33" height="5" border="0" /></a>
	</div>
	</h1>
	<div class="main_con2_img">
	  <table width="130" border="0" cellpadding="0" cellspacing="0" bordercolor="#EDECF2" bgcolor="#EDECF2">
      <tr>
        <td bgcolor="#FFFDFE">
		<script language='javascript'>
linkarr = new Array();
picarr = new Array();
textarr = new Array();
var swf_width=179;
var swf_height=134;
//文字颜色|文字位置|文字背景颜色|文字背景透明度|按键文字颜色|按键默认颜色|按键当前颜色|自动播放时间|图片过渡效果|是否显示按钮|打开方式
var configtg='0xffffff|0|0x3FA61F|5|0xffffff|0xC5DDBC|0x000033|2|3|1|_blank';
var files = "";
var links = "";
var texts = "";
//这里设置调用标记
{dede:arclist flag='f' row='5' typeid='10'}
linkarr[[field:global.autoindex/]] = "[field:arcurl/]";
picarr[[field:global.autoindex/]]  = "[field:litpic/]";
textarr[[field:global.autoindex/]] = "[field:title function='html2text(@me)'/]";
{/dede:arclist}
for(i=1;i<picarr.length;i++){
if(files=="") files = picarr[i];
else files += "|"+picarr[i];
}
for(i=1;i<linkarr.length;i++){
if(links=="") links = linkarr[i];
else links += "|"+linkarr[i];
}
for(i=1;i<textarr.length;i++){
if(texts=="") texts = textarr[i];
else texts += "|"+textarr[i];
}
document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="'+ swf_width +'" height="'+ swf_height +'">');
document.write('<param name="movie" value="{dede:global.cfg_templets_skin/}/images/bcastr3.swf"><param name="quality" value="high">');
document.write('<param name="menu" value="false"><param name=wmode value="opaque">');
document.write('<param name="FlashVars" value="bcastr_file='+files+'&bcastr_link='+links+'&bcastr_title='+texts+'&bcastr_config='+configtg+'">');
document.write('<embed src="{dede:global.cfg_templets_skin/}/images/bcastr3.swf" wmode="opaque" FlashVars="bcastr_file='+files+'&bcastr_link='+links+'&bcastr_title='+texts+'&bcastr_config='+configtg+'&menu="false" quality="high" width="'+ swf_width +'" height="'+ swf_height +'" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />'); document.write('</object>');
</script></td>
      </tr>
    </table>
	</div>
	<div class="main_con2_text">
	<ul>
	 {dede:arclist  row='5' typeid='10' titlelen='90'}
<li><span>[[field:pubdate function="MyDate('y-m-d',@me)"/]]</span><a href="[field:arcurl/]"  target="_self">[field:title/]</a></li>
 {/dede:arclist}         

	</ul>
	</div>
	  <div class="clearfloat"></div>
	</div>
	</div>
    <div class="side">
	<div class="side_con1">
		<div style="padding:5px 0 0 44px;"><img src="{dede:global.cfg_templets_skin/}/images/side_con1_title.jpg" width="88" height="19" /></div>

	<div class="side_con1_wrap">
	 <a href="{dede:type typeid='4'}[field:typeurl/]{/dede:type}"><img src="{dede:global.cfg_templets_skin/}/images/about.jpg"  /> </a><!--<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="251" height="166">
        <param name="movie" value="{dede:global.cfg_templets_skin/}/images/earth2.swf" />
        <param name="quality" value="high" />
        <embed src="{dede:global.cfg_templets_skin/}/images/earth2.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="251" height="166"></embed>
	    </object>-->
	 
	</div>
	</div>
	<div class="side_con2">
	  <a href="{dede:type typeid='4'}[field:typeurl/]{/dede:type}"><img src="{dede:global.cfg_templets_skin/}/images/side_con2_btn1.gif" width="250" height="43" border="0" /></a>
	  <a href="{dede:type typeid='16'}[field:typeurl/]{/dede:type}"><img src="{dede:global.cfg_templets_skin/}/images/side_con2_btn2.gif" width="250" height="43" border="0" /></a>
	  <a href="http://mail.qq.com" target="_blank" ><img src="{dede:global.cfg_templets_skin/}/images/side_con2_btn3.gif" width="250" height="43" border="0" /></a>
      </div>
	</div>
  <div class="clearfloat"></div>
  </div>
  <div class="clearfloat"></div>
  <div class="bottom_main">
  <h1><a style="width:980px; height:33px; display:block;" href="{dede:type typeid='2'}[field:typeurl/]{/dede:type}">产品展示</a></h1>
   <div class="bottom_main_wrap">
			<TABLE width="947" border=0 align="left"  cellPadding=0 cellSpacing=0 > 
              <TBODY>
              <TR>
               <!-- <TD align=center width=54><img src="{dede:global.cfg_templets_skin/}/images/left_backdff.gif" width="11" height="21" border="0" onclick="ChangeDirection('left')"/></TD>-->
                <TD style="PADDING-TOP:10px" vAlign=top>
                  <DIV id="demo"  style=" overflow:hidden;WIDTH:947px; HEIGHT:140px">
                  <TABLE  cellSpacing=0 cellPadding=0 width="100%" 
                  border=0>
                    <TBODY>
                    <TR>
                      <TD width="90%" vAlign=top id="demo1">
                        <TABLE cellSpacing=0 cellPadding=0 border=0>
                          <TBODY>
                          <TR>
					  
     {dede:arclist  row='100' typeid='2'}  
                           <TD width="150" height="140" valign="top" >                                    
                          <table width="150" border="0" align="left" cellpadding="0" cellspacing="5">  <tr>    <td width="140"><table width="140" border="0" cellspacing="0" cellpadding="0">  <tr>        <td height="120"><a href="[field:arcurl/]" class="vimg"><img src="[field:litpic/]"  /></a></td>  </tr></table> </td>      </tr></table>        </TD>                                                    
                           {/dede:arclist}
 
                      </TBODY></TABLE></TD>
			
                    <TD id="demo2" vAlign=top></TD></TR></TBODY></TABLE></DIV></TD>
      <!--<TD align=center width=54><img src="{dede:global.cfg_templets_skin/}/images/right_backdff.gif" width="11" height="21" border="0" onclick="ChangeDirection('right')"/></TD>-->
</TR></TBODY></TABLE>
         <SCRIPT> 
var speedx=50 
demo2.innerHTML=demo1.innerHTML 
function Marqueex(){ 
if(demo2.offsetWidth-demo.scrollLeft<=0) 
demo.scrollLeft-=demo1.offsetWidth 
else{ 
demo.scrollLeft++ 
} 
} 
var MyMarx=setInterval(Marqueex,speedx) 
window.onload=function() {MyMarx=setInterval(Marqueex,speedx)} 
demo.onmouseover=function() {clearInterval(MyMarx)} 
demo.onmouseout=function() {MyMarx=setInterval(Marqueex,speedx)} 

</SCRIPT>

	
  <div class="clearfloat"></div>
  </div>
  </div>
</div>
			  
{dede:include filename="foot.htm"/}
</body>
</html>
